@charset "UTF-8";

$fontSize:23;

@function r($px){
	@return $px/2/$fontSize+rem;
}

@mixin setPm($name,$val...){
	// ...是固定写法,若干个的意思
	$max:length($val);//3
	$str:"";
	// 从1开始到 length3结束
	@for $i from 1 through $max{
		// 第一次循环
		$value:nth($val,$i)/2/$fontSize;
		$str:#{$str+$value}rem;
		@if $i < $max{
			$str:#{$str+" "};
		}
	}
	#{$name}:$str;
	
}
html, body {
    position: relative;
    height: 100%;
  }
  body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
  }
.swiper-container {
    width: 100%;
    height: 100%;
    .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    
}
.info-more {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 520520131452056565;
    background: #eee;
    display: none;
    .close-this {
        position: absolute;
        right: 24px;
        top: 12px;
        font-size: 32px;
        color: #333;
        z-index: 8888;
        background: none;
        border: none;
        outline:none;
    }
    .info-more-main {
        width:90%;
        max-width: 1220px;
        margin: 0 auto;
        margin-top: 3%;
        height: 94vh;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #666;
        line-height: 24px;
        overflow-y: auto;
        overflow-x: hidden;
        position: relative;
        h5 {
            font-size: 24px;
            line-height: 56px;
            color: #000;
            margin-bottom: 12px;
            padding-left: 15px;
            font-weight: bold;
        }
        table {
            margin-bottom: 12px;
            tr {
                td{
                    &:first-child {
                        color: #000;
                        font-weight: bold;
                        padding: 0 16px;
                        word-wrap: break-word;
                        width: 28%;
                    }
                }
            }
        } 
    }
}
.kw-page {
    .link_kw_more {
        padding: 4px 20px;
        border: 1px solid #ccc;
        color:#195ea5;
        position: absolute;
        bottom: 6%;
        left: 50%;
        margin-left: -64px;
        z-index: 999999999;
    }
    .link_kw98_morea {
        left: 40%;
    } 
    .link_kw98_moreb {
        left: 60%;
    } 
    &>.swiper-wrapper{
        &>.swiper-slide{
            overflow: hidden;
        }
    }
    .head-container {
        width: 100%;
        height: 120px;
    }
    .slide-part-main {
        width: 100%;
        height: 100%;
        background: #eee;
        .slide-98-p1 {
            width: 100%;
            height: 100%;
            position: relative;
            #site-landing {
                position: absolute;;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 1;
               background-image: -webkit-gradient(linear, left bottom, left top, from(#686e72), to(#000000));
               background-image: linear-gradient(to top, #686e72 0%, #000000 100%);
               canvas {
                   left: 0;
               }
            }
            #canvas {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 3;
            }
            .link_kw_more {
                color: #fff;
            }
            .p1-main {
                width: 100%;
                height: 100%;
                position: relative;
                z-index: 2;
                img {
                    position: absolute;
                }
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    width: 100%;
                    text-align: center;
                    color: #fff;
                    margin-top: 6%;
                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: r(32);
                    width: 100%;
                    text-align: center;
                    color: #fff;
                    opacity: 0.6;
                }
                .img-1 {
                    top: 3%;
                    left: 54%;
                    width: 20%;
                    -webkit-animation: kwFloat 8s ease-in-out infinite;
                    animation: kwFloat 8s ease-in-out infinite;
                }
                .img-2 {
                    top: 8%;
                    left: 20%;
                    width: 25%;
                    -webkit-animation: kwFloat 8s 0.5s ease-in-out infinite;
                    animation: kwFloat 8s 0.5s ease-in-out infinite;
                }
            }
        }
        .slide-98-p2 {
            width: 100%;
            height: 100%;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background:#000 url(../img-kw-page/kw98-99_02a.jpg) center no-repeat;
            background-size: 100%;
            ul {
                width: 560px;
                margin-left: 20%;
                li {
                    color: #fff;
                    text-align: left;
                    font-family: 'avantgardeextlititcregular';
                    font-size: 28px;
                    line-height: 65px;
                    width: 100%;
                    display: inline-block;
                    margin-bottom: 12px;
                    span {
                        width: 65px;
                        height: 65px;
                        display: block;
                        float: left;
                        background:url(../img-kw-page/kw-98-99a_36.png) no-repeat;
                        background-size: 100%;
                    }
                    i {
                        display: block;
                        float: left;
                        margin-left: 12px;
                    }
                    &:first-child{
                        span {
                            background-position: left 0;
                        }
                    }
                    &:nth-child(2){
                        span {
                            background-position: left -95px;
                        }
                    }
                    &:nth-child(3){
                        span {
                            background-position: left -194px;
                        }
                    }
                    &:nth-child(4){
                        span {
                            background-position: left -285px;
                        }
                    }
                    &:nth-child(5){
                        span {
                            background-position: left -372px;
                        }
                    }
                    &:last-child{
                        span {
                            background-position: left -468px;
                        }
                    }
                }
            }
        }
        .slide-98-p3 {
            width: 100%;
            height: 100%;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            justify-content: center;
            align-items: center;
            background:#fff;
            background-size: 100%;
            .p3_main {
                width: 80%;
               max-width:1460px;
               .p3_l {
                   width: 36%;
                   text-align: left;
                   float: left;
                   padding-top: 56px;
                   h4 {
                       font-size: 24px;
                       line-height: 48px;
                       margin: 2% 0;
                       text-transform: uppercase;
                   }
                   p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: 24px;
                    line-height: 34px;
                   }
                   img {
                       width: 60%;
                   }
               }
               .p3_r {
                   width: 64%;
                   -webkit-box-sizing: border-box;
                           box-sizing: border-box;
                   float: left;
                   padding-left: 24px;
                   img {
                       width: 100%;
                   }
               }
            }
            
        }
        .slide-98-p4 {
            width: 100%;
            height: 100%;
            position: relative;
            background:#fff;
            background-size: 100%;
            .p4_l {
                width: 32%;
                -webkit-animation: kwFloat 8s ease-in-out infinite;
                animation: kwFloat 8s ease-in-out infinite;
                img {
                    width: 100%;
                    
                }
            }
            .p4_r {
                width: 715px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding-left: 12px;
                h4 {
                    font-size: 24px;
                    line-height: 48px;
                    margin: 18px 0;
                    text-align: right;
                    text-transform: uppercase;
                }
                p {
                 font-family: 'avantgardeextlititcregular';
                 font-size: 24px;
                 line-height: 34px;
                 text-align: right;
                }
            }
        }
        .slide-98-p6 {
            width: 100%;
            height: 100%;
            position: relative;
            background:#000;
            .p6-head{
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 2222;
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    width: 100%;
                    text-align: center;
                    margin-top: 4%;
                    color: #fff;
                    margin-bottom: r(12);

                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: r(32);
                    line-height: r(36);
                    width: 80%;
                    margin-left: 10%;
                    text-align: center;
                    color: #fff;
                    opacity: 0.6;
                }
            }
            .p6-main{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                div {
                    width: 100%;
                    position: absolute; 
                }
                .b-out-01 {
                    bottom: 56%;
                    img {
                        width: 8%;
                    }
                }
                .b-out-02 {
                    bottom: 41%;
                    img {
                        width: 40%;
                    }
                }
                .b-out-03 {
                    bottom: 33%;
                    img {
                        width: 40%;
                    }
                }
                .b-out-04 {
                    bottom: -98%;
                    img {
                        width: 68%;
                    }
                }
            }
        }
        .slide-98-p8 {
            width: 100%;
            height: 100%;
            position: relative;
            background:#000;
            .p8-main {
                width: 100%;
                height: 100%;
                color: #fff;
                background: url(../img-kw-page/kw-98-99a_12.png) left 25% no-repeat;
                background-size: 60%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                div {
                    width: 40%;
                    padding-left: 50%;
                }
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    line-height: r(60);
                    width: 100%;
                    text-align: center;
                    margin-bottom: r(24);
                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: r(28);
                    line-height: 36px;
                    text-align: center;
                    color: #aaa;
                }
            }
        }
        .slide-98-p9 {
            .p6-head {  
                h4 {   
                    color: #000;
                }
                p {
                    color: #000;
                }
            }
            .p9-main{
                width: 100%;
                height: 100%;
                background: url(../img-kw-page/kw98-99_04a.jpg) center no-repeat;
                background-size: 100%;
            }
        }
        .slide-98-p10 {
            .p10-main{
                width: 100%;
                height: 100%;
                background: url(../img-kw-page/kw98-99_06a.jpg) center no-repeat;
                img {
                    padding-right: 40%;
                    width: 16%;
                    margin-top: 5%;
                }
            }
        }
        .slide-98-p11 {
            width: 100%;
            height: 100%;
            background: url(../img-kw-page/kw-98-99-02.jpg) center no-repeat;
            .p11-main{
                padding-left: 22%;
                ul{
                    li{
                        float: left;
                        width: 220px;
                    }
                }
            }
        }
        .slide-98-p12 {
            width: 100%;
            height: 100%;
            background:#fff url(../img-kw-page/kw98-99_08a.jpg) center no-repeat;
            background-size: 100%;
            .p12-main{
                text-align: left;
                width: 56%;
                margin-top: -16%;
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    line-height: r(60);
                    width: 100%;
                    text-align: left;
                    margin-bottom: 24px;
                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: r(32);
                    line-height: r(40);
                    text-align: left;
                    display: inline-block;
                    color: #000;
                    margin-bottom: 10%;
                    width: 60%;
                }
            }
        }
        .slide-98-p13 {
            width: 100%;
            height: 100%;
            background:#fdf0dd url(../img-kw-page/kw-98-99-03.jpg) center no-repeat;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            background-size: 100%;
            .p13-main{
                text-align: center;
                width: 50%;
                margin-left: 10%;
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    line-height: r(60);
                    width: 100%;
                    text-align: center;
                    margin-bottom: 24px;
                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: r(32);
                    line-height: r(40);
                    text-align: center;
                    display: inline-block;
                    color: #000;
                    margin-bottom: 10%;
                    width: 100%;
                }
                ul{
                    li{
                        width: 20%;
                        float: left;
                        padding-right: 2%;
                        box-sizing: border-box;
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .slide-98-p14 {
            width: 100%;
            height: 100%;
            background: #000;
            img {
                width: 100%;
            }
        }
        .slide-98-p15 {
            width: 100%;
            .p15-main{
                width: 100%;
                img {
                    width: 45%;
                    max-width: 900px;
                }
            }
            
        }
        .slide-98-p15 {
            width: 100%;
            height: 100%;
            background: #eee;
        }
        .slide-98-p16 {
            width: 100%;
            height: 100%;
            background: #eee;
            .p16-main {
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 56px;
                max-width: 1400px;
                line-height: 24px;
                padding: 12px 0;
                overflow-x: hidden;
                position: relative;
                z-index: 999;
                .icon {
                    color: #00a8ff;
                }
                h5 {
                    font-size: 24px;
                    line-height: 56px;
                    color: #000;
                    margin-bottom: 12px;
                    padding-left: 15px;
                    font-weight: bold;
                    cursor: pointer;
                }
                table {
                    margin-bottom: 12px;
                    tr {
                        td{
                            &:first-child {
                                color: #000;
                                font-weight: bold;
                                padding: 0 16px;
                                word-wrap: break-word;
                                width: 28%;
                            }
                        }
                    }
                } 
            }
        }
        .slide-app-show {
            width: 100%;
            height: 100%;
            position: relative;
            .slide-apps,.slide-os{
                width: 100%;
                height:100%;
                position: absolute;
                top: 0;
                left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                box-pack:center;
                box-align:center;
                -ms-flex-pack: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                justify-content:center;
                -webkit-justify-content:center;
                -ms-justify-content:center;
                -ms-flex-wrap: wrap ;
                flex-wrap: wrap ;
                text-align: left;
                .slide-apps-img,.slide-os-img {
                    height: 600px;
                    width: 500px;
                    background:#eee url(../img/kw-sbbg.png) center no-repeat;
                    background-size: 100%;
                    .swiper-slide {
                        position: relative;
                        background: none;
                        img {
                            width: 320px;
                            height: 320px;
                            border-radius: 320px;
                            overflow: hidden;
                        }
                        img.app-icon {
                            width: 80px;
                            height: 80px;
                            position: absolute;
                            top: 0;
                            left: 50%;
                            margin-left: -40px;
                            opacity: 0;
                            background: #eee;
                        }
                    }
                }
                .slide-os-box {
                    height: 600px;
                    width: 500px;
                    background: #eee;
                    position: relative;
                    overflow: hidden;
                    &::before {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        content: '';
                        top: 0;
                        left: 0;
                        background: url(../img/kw-sbbg-01.png) center no-repeat;
                        background-size: 100%;
                        z-index: 999;
                    }
                    .slide-os-img {
                        width: 1500px;
                        height: 100%;
                        position: absolute;
                        left: 50%;
                        background: none;
                        margin-left: -750px;
                        
                    }
                }
                .slide-os-box-kw68 {
                    &::before {
                        background: url(../img/kw-sbbg-02.png) center no-repeat;
                        background-size: 100%;
                    }
                }
                .slide-apps-icona,.slide-apps-iconb {  
                    height: 104px;
                    width: 50%;
                    .swiper-slide {
                        width: 10%;
                    }
                }
                .slide-apps-icona {
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    padding-right: 260px;
                }
                .slide-apps-iconb {
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    padding-left: 260px;
                }
                .slide-os-icona,.slide-os-iconb {  
                    height: 406px;
                    width: 50%;
                    .swiper-slide {
                        width: 50%;
                        img {
                            width: 80%;
                        }
                    }
                }
                .slide-os-icona {
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    padding-right: 260px;
                }
                .slide-os-iconb {
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    padding-left: 260px;
                }
            }
            .slide-os {
                z-index: 666;
            }
        }
        .slide-os-head{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2222;
            h4 {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 24px;
                width: 100%;
                text-align: center;
                color: #000;
            }
            p {
                font-family: 'avantgardeextlititcregular';
                font-size: 18px;
                line-height: 22px;
                width:80%;
                max-width: 960px;
                margin: 0 auto;
                margin-top: r(12);
                text-align: center;
                color: #000;
                opacity: 0.6;
            }
        }
        .slide-p16-os-head {
            height: 30vh;
            top: 0;
            left: 0;
            h4 {
                top: 18%;
            }
            p {
                top: 36%;
            }
        }
        .slide-color-show {
            width: 100%;
            height: 100%;
            transition: all 0.35s 0s ease;
            -webkit-transition: all 0.35s 0s ease;
            background: #e6b16b;
            .slide-color-head {
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 2222;
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    width: 100%;
                    text-align: center;
                    margin-top: 4%;
                    color: #fff;
                    margin-bottom: r(12);

                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size: r(32);
                    line-height: r(36);
                    width: 80%;
                    margin-left: 10%;
                    text-align: center;
                    color: #fff;
                    opacity: 0.6;
                }
            }
            img {
                width: 28%;
                transition: all 0.35s 0s ease;
                -webkit-transition: all 0.35s 0s ease;
            }
            .slide-colors {
                padding-top: 3%;
            }
            .color-select {
                position: absolute;
                z-index: 6666;
                left: 20%;
                top: 26%;
                width: 300px;
                font-size: 24px;
                color: #000;
                p {
                    width: 100%;
                    text-align: left;
                    line-height: 58px;
                }
                ul{
                    width: 100%;
                    display: inline-block;
                    margin: 12px 0;
                    li {
                    float: left;
                    margin-right: 12px;
                    width: 48px;
                    height: 48px;
                    cursor: pointer;
                    border: 1px solid #fff;
                    }
                    #color-a01 {
                        background: #e6b16b;
                    }
                    #color-a02 {
                        background: #464646;
                    }
                    #color-a03 {
                        background: #a79783;
                    }
                    #color-a04 {
                        background: #464646;
                    }
                    #color-a05 {
                        background: #ccc;
                    }
                } 
            }
        }
    }
    .slide-98-os {
        .slide-os-head {
            h4 {
                margin-top: 4%;
            }
        }
    }
    .slide-part-head {
        width: 100%;
        height: 120px;
        overflow: inherit;
    }
    .slide-part-foot {
        width: 100%;
        height: 378px;
    }
    .swiper-button-next, .swiper-button-prev{
        position: absolute;
        left: 50%;
        right: inherit;
        width: 100%;
        text-align: center;
        height: r(84);
        font-size: r(80);
        color: #333;
        z-index: 99;
        cursor: pointer;
        background: none;
        border: none;
        outline:none;
        svg {
            border: none;
            outline:none; 
        } 
        &::before {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 99999;
        }
    }
    .swiper-button-next{
        right: 0;
        left: inherit;
        top: inherit;
        bottom: 0;
    }
    .swiper-button-prev{
        top: r(24);
        left: 0;
        display: none;
        right: inherit;
        bottom: inherit;
    }
}

// kw68
.kw-page {
    .slide-part-main {
        .slide-parts {
            width: 100%;
            &>img {
                width: 100%;
            }
            .slide-descripe {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                .slide-descripe-main {
                    width: 80%;
                    max-width: 1460px;
                    margin: 0 auto;
                    height: 100%;
                    text-align: left;
                    &>div {
                        width: 100%;
                    }
                    h4 {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: r(48);
                        width: 50%;
                        color: #333;
                        margin-bottom: r(36);
                    }
                    p {
                        font-family: 'avantgardeextlititcregular';
                        font-size: r(32);
                        width: 50%;
                        color: #333;
                    }
                }
            }
        }
        .slide-kw68-p1 {
            background: rgb(222, 222, 222);
            height: 100%;
        }
        .slide-kw68-p2 {
            .slide-descripe {
                .slide-descripe-main {
                    h4 {
                        color: #fff;
                    }
                    p {
                        color: #fff;
                        opacity: 0.6;
                    }
                }
            }
        }
        .slide-kw68-p5 {
            .slide-descripe {
                .slide-descripe-main {
                    text-align: right;
                    &>div {
                        text-align: right;
                    }
                    h4 {
                        color: #fff;
                        margin-top: 20%;
                        display: inline-block;
                    }
                    p {
                        color: #fff;
                        opacity: 0.6;
                        display: inline-block;
                    }
                }
            }
        }
        .slide-kw68-p6 {
            height: auto;
            &>img {
                width: auto;
                height: 40%;
                margin-left: -48%;
            }
            .slide-descripe {
                .slide-descripe-main {
                    text-align: right;
                    -webkit-box-pack:end;
                        -ms-flex-pack:end;
                            justify-content:flex-end;
                    &>div {
                        text-align: right;
                        width: 50%;
                    }
                    img {
                        margin-bottom: 5%;
                    }
                    h4 {
                        color: #333333;
                        width: 100%;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        display: inline-block;
                    }
                    p {
                        width: 100%;
                        color: #333333;
                        opacity: 0.6;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        display: inline-block;
                    }
                }
            }
        }
        .slide-kw68-p7 {
            .slide-descripe {
                .slide-descripe-main {
                    -webkit-box-pack:start;
                        -ms-flex-pack:start;
                            justify-content:flex-start;
                    &>div {
                        width: 80%;
                    }
                    h4 {
                        color: #fff;
                        display: inline-block;
                    }
                    p {
                        color: #fff;
                        opacity: 0.6;
                        display: inline-block;
                    }
                }
            }
        }
        .slide-kw68-p8 {
            h4 {
                margin-top: 4%;
            }
            .slide-descripe {
                .slide-descripe-main {
                    text-align: right;
                    -webkit-box-pack:end;
                        -ms-flex-pack:end;
                            justify-content:flex-end;
                    &>div {
                        text-align: center;
                        width: 50%;
                    }
                    img {
                        margin-top: 15%;
                        width: 50%;
                    }
                }
            }
        }
        .slide-kw68-p8a {
            h4 {
                margin-top:4%;
            }
        }
        .slide-kw68-p8b {
            h4 {
                color: #fff;
            }
            p {
                color: #fff;
            }
        }
        .slide-kw68-p9 {
            h4 {
                margin-top: 0;
            }
            .slide-descripe {
                .slide-descripe-main {
                    text-align: left;
                    &>div {
                        text-align: left;
                        margin-top: -25%;
                    }
                    h4 {
                        color: #333;
                        display: inline-block;
                    }
                    p {
                        color: #333;
                        opacity: 0.6;
                        display: inline-block;
                    }
                }
            }
        }
        .slide-kw68-p10 {
            .slide-descripe {
                .slide-descripe-main {
                    text-align: right;
                    -webkit-box-pack:end;
                        -ms-flex-pack:end;
                            justify-content:flex-end;
                    &>div {
                        text-align: right;
                        width: 70%;
                    }
                    .slide-descripe-icons {
                        width: 100%;
                        img {
                            width: 23%;
                            margin-bottom: 2%;
                            margin-left: 2%;
                        }
                    }
                    h4 {
                        color: #333333;
                        width: 100%;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        display: inline-block;
                    }
                    p {
                        width: 100%;
                        color: #333333;
                        opacity: 0.6;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        display: inline-block;
                        margin-bottom: 5%;
                    }
                }
            }
        }
        .slide-kw68-p11 {
            .slide-descripe {
                .slide-descripe-main {
                    text-align: right;
                    -webkit-box-pack:end;
                        -ms-flex-pack:end;
                            justify-content:flex-end;
                    &>div {
                        text-align: right;
                        width: 70%;
                    }
                    img {
                        margin-bottom: 2%;
                        margin-left: 2%;
                    }
                    h4 {
                        color: #333333;
                        width: 100%;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        display: inline-block;
                    }
                    p {
                        width: 100%;
                        color: #333333;
                        opacity: 0.6;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        display: inline-block;
                        margin-bottom: 5%;
                    }
                }
            }
        }
    }
}

// kw-page-heji
.kw-page {
    .slide-part-main {
        .heji-apps-view {
            width: 100%;
            height: 100%;
            background: #000 url(../img-kw-page/yd-heji08.jpg) center no-repeat;
            background-size: 100%;
            .heji-apps-view-main {
               width:67.8%;
               margin: 0 auto;
               height: 100%;
               text-align: left;
               color: #fff;
               position: relative;
               h4 {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 38px;
                width: 50%;
                margin-bottom: 36px;
                margin-top: 8%;
                }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size:24px;
                    line-height: 36px;
                    width: 60%;
                    opacity: 0.4;
                }
                .heji-apps-view-nav {
                    display: inline-block;
                    width: 100%;
                    margin-top: 1.5%;
                    p {
                        float: left;
                        width: auto;
                        display: block;
                        color: #aaa;
                        opacity: 1;
                        span {
                            padding: 2px 6px;
                            cursor: pointer;
                            border-radius: 6px;
                        }
                        span.active {
                            color: #fff;
                            font-weight: bold;
                            border: 1px solid #444;
                        }
                    }
                }
                .heji-apps-view-phone {
                    position: absolute;
                    width: 29.2%;
                    right: -2%;
                    height: 100%;
                    bottom: 21%;
                    background-size: 100%;
                    .heji-apps-view-phone-box {
                        width: 90%;
                        padding-bottom: 200%;
                        position: absolute;
                        bottom: 0;
                        border-radius: 60px;
                        overflow: hidden;
                        left: 5%;
                        background: #000;
                        z-index: 1;
                        .swiper-container {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                        }
                        img {
                            width: 100%;
                        }
                    }
                    &::before {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        content: '';
                        z-index: 2;
                        background: url(../img-kw-page/yd-heji12.png) bottom center no-repeat;
                        background-size: 100%;
                    }
                }
                .heji-apps-view-watch {
                    position: absolute;
                    bottom:22%;
                    width: 21%;
                    right: 22%;
                    padding-bottom: 40%;
                    z-index: 3;
                    background: url(../img-kw-page/yd-heji13.png) bottom center no-repeat;
                    background-size: 100%;
                    .heji-apps-view-watch-box {
                        width: 87%;
                        padding-bottom: 87%;
                        overflow: hidden;
                        background: #000;
                        position: absolute;
                        bottom: 12.5%;
                        left: 6.0%;
                        border-radius: 100%;
                        .swiper-container {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                        }
                        img {
                            width: 96%;
                        }
                    }
                }
            }
        }
        .function-view {
            width: 60%;
            height: 100%;
            .function-view-box {
                width: 40%;
                height: 100%;
                float: left;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding:0 2.5%;
                padding-top: 6%;
                position: relative;
                .f-view-top {
                    width: 100%;
                    float: left;
                    position: absolute;
                    top: 11%;
                    left: 0;
                    text-align: center;
                    ul li {
                        display: inline-block;
                        list-style-type: none;
                        width: 20%;
                        height: 36px;
                        background: #666;
                        font-size: 18px;
                        color: #fff;
                        line-height: 36px;
                        text-align: center;
                        margin-right: 2%;
                        cursor: pointer;
                        &.active {
                            background: #195ea5;
                        }
                    }   
                }
                .f-view-main {
                    width: 100%;
                    height: 100%;
                    background-image: url(../img-kw-page/yd-heji13.png);
                    background-position: center;
                    background-repeat: no-repeat;
                    float: left;
                    background-size: 100%;
                    .f-view-show {
                        width: 87%;
                        padding-bottom: 87%;
                        border-radius: 100%;
                        overflow: hidden;
                        position: relative;
                        margin-left: -1%;
                        #f-view-show-box {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                        img {
                            width: 99%;
                        }
                    }
                    .f-view-show-before {
                        &::before {
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            content: '';
                            top: 0;
                            left: 0;
                            z-index: 66;
                            background: url(../img-kw-page/yd-heji13b2.png) center no-repeat;
                            background-size: 100%;
                        }
                    }
                }
            }
            .function-view-icon {
                width: 60%;
                height: 100%;
                float: left;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding-left: 5%;
                h4,p {
                    width: 100%;
                    float: left;
                    text-align: left;
                }
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 42px;
                    line-height: 48px;
                    margin-bottom: 12px;
                    margin-top: 8%;
                    }
                p {
                    font-family: 'avantgardeextlititcregular';
                    font-size:24px;
                    line-height: 32px;
                }
                ul {
                    margin-top: 10%;
                    display: block;
                    float: left;
                    li {
                        float: left;
                        width: 20%;
                        text-align: center;
                        list-style-type: none;
                        margin-right: 5%;
                        &>div {
                            width: 100%;
                            padding-bottom: 100%;
                            background: #000;
                            border-radius: 100%;
                            position: relative;
                            div {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
                            }
                            img {
                                width: 54%;
                            }
                        }
                        &>div.active {
                            background: #195ea5;
                        }
                        p {
                            font-family: Arial, Helvetica, sans-serif;
                            text-align: center;
                            font-size: 18px;
                            line-height: 24px;
                            color: #333;
                            margin-top: 24px;
                        }
                    }
                }
            }
        }
        .slide-kwheji-p1 {
            width: 100%;
            height: 100%;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding-top: 9%;
            .slide-page-bg1 {
                width: 20%;
                height: auto;
                margin-left: 2%;
            }
            .slide-page-bg2 {
                width: 17.5%;
                height: auto;
            }
            .slide-page-bg3 {
                width: 20%;
                height: auto;
            }
            .link-heji {
                width: 100%;
                margin-top: -2%;
                font-size: 18px;
                a {
                    padding: 4px 20px;
                    border: 1px solid #ccc;
                    color:#195ea5;
                }
                .link-a01 {
                    margin-right: 12%;
                }
                .link-a02 {
                    margin-right: 12%;
                }
            }
            .link-heji-a {
                margin-top: -2%;
                p {
                    width: 20%;
                }
            }
            .slide-descripe {
                .slide-descripe-main {
                    h4 {
                        color: #000;
                    }
                    p {
                        color: #000;
                        opacity: 0.6;
                    }
                }
            }
            .slide-os-head {
                h4 {
                    margin-top: 4%;
                }
                p {
                    top: 14%;
                    line-height: 24px;
                }
            }
        }
        .slide-kwheji-p2 {
            .slide-kwheji-p2-pro {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                -webkit-animation: kwFloat 12s 1.5s ease-in-out infinite;
                animation: kwFloat 12s 1.5s ease-in-out infinite;
                .slide-page-bg1 {
                width: 21%;
                margin-top: 13%;
                }
                .slide-page-bg2 {
                    width: 21%;
                    margin-left: 3%;
                    margin-right: 4%;
                }
                .slide-page-bg3 {
                    width: 17.2%;
                }
            }
            .slide-page-bg4 {
                width: 100%;
                position: absolute;
                top: 10%;
                height: inherit;
                z-index: 2;
                left: 0;
            }
            .slide-descripe {
                .slide-descripe-main {
                    h4 {
                        color: #000;
                    }
                    p {
                        color: #000;
                        opacity: 0.6;
                    }
                }
            }
            .slide-os-head {
                h4 {
                    margin-top: 4%;
                }
                p {
                    top: 13%;
                }
            }
        }
        .slide-kwheji-p5 {
            &>img {
                width: 30%;
            }
            h2 {
                position: absolute;
                left: 26%;
                top: 5%;
                font-size: r(36);
            }
        }
        .slide-kwheji-p6 {
            .slide-descripe {
                .slide-descripe-main {
                    justify-content: center;
                    &>div {
                        text-align: right;
                        width: 60%;
                        margin-right: -10%;
                    }
                    img {
                        width: 50%;
                        margin-left: 2%;
                        margin-top: 15%;
                    }
                }
            }
            .slide-os-head {
                h4,p {
                    color: #fff;
                }
            }
        }
        .slide-kwheji-p7 {
            .slide-descripe {
                .slide-descripe-main {
                    &>div {
                        text-align: right;
                        width: 70%;
                        margin-right: -60%;
                    }
                    ul li {
                        float: left;
                        width: 40%;
                        margin-bottom: 5%;
                        &:first-child {
                            margin-left: 10%;
                        }
                        img {
                            width: 30%;
                        }
                        p {
                            width: 58%;
                            font-size: 32px;
                            display: inline-block;
                            text-align: left;
                            padding-left: 6px;
                            color: #fff;
                            -webkit-box-sizing: border-box;
                                    box-sizing: border-box;
                        }
                    }
                }
            }
        }
        .slide-kwheji-p8 {
            position: relative;
            &>img {
                width: 38%;
            }
            h2 {
                position: absolute;
                left: 26%;
                top: r(-60);
                font-size: r(36);
            }
            .slide-descripe {
                .slide-descripe-main {
                    &>div {
                        width: 60%;
                    }
                }
            }
        }
        .slide-kwheji-p9 {
            width: 100%;
            height: 100%;
            img {
                width: 100%;
            }
        }
        .slide-kwheji-p10 {
            width: 100%;
            height: 100%;
            .p16-main {
                max-width: 1800px;
                margin-top: 2vh;
            }
        }
    }
    .slide-function-view {
        background: #fff;
    }
}
// kw-shouhuan
.kw-page {
    .shouhuan-banner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        background: #f0f0f0;
        &>div {
            width: 100%;
        }
        h4 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 48px;
            width: 100%;
            text-align: center;
            color: #000;
            margin-bottom: 12px;
        }
        p {
            font-family: 'avantgardeextlititcregular';
            font-size: 48px;
            line-height: 52px;
            width: 80%;
            margin-left: 10%;
            text-align: center;
            color: #000;
            opacity: 0.6;
            margin-bottom: 3%;
        }
        img {
            width: 80%;
        }
    }
    .shouhuan-list {
        .shouhuan-list-main {
            width: 90%;
            .shouhuan-list-main-left,.shouhuan-list-main-right {
                width: 50%;
                float: left;
            }
            .shouhuan-list-main-left {
                padding-left: 10%;
                width: 40%;
                h4 {
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: r(48);
                    width: 100%;
                    text-align: left;
                    color: #fff;
                    margin-bottom: 5%;
                    padding-left: 5%;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    margin-top: 15%;
                }
                ul li {
                    color: #fff;
                    width: 25%;
                    padding-bottom:28%;
                    float: left;
                    font-size: 48px;
                    position: relative;
                    div {
                        position: absolute;
                        border: 1px solid #00a8ff;
                        width: 60%;
                        height: 53.57%;
                        left: 20%;
                        border-radius: 100%;
                        top: 0;
                    }
                    p {
                        font-family: 'avantgardeextlititcregular';
                        font-size: r(24);
                        line-height: r(28);
                        width: 80%;
                        margin-left: 10%;
                        text-align: center;
                        color: #fff;
                        position: absolute;
                        top: 60%;
                    }
                }
            }
            .shouhuan-list-main-right {
                img {
                    width: 75%;
                }
            }
        }
    }
    .slide-features {
        &>div {
            width: 68%;
            max-width: 1280px;
            h4 {
                font-family: Arial, Helvetica, sans-serif;
                font-size: r(48);
                width: 100%;
                text-align: center;
                color: #000;
                margin-bottom: 4%;
                margin-top: 4%;
            }
            ul li {
                color: #000;
                width: 25%;
                padding-bottom:28%;
                float: left;
                font-size: 72px;
                position: relative;
                div {
                    position: absolute;
                    border: 1px solid #00a8ff;
                    width: 60%;
                    height: 53.57%;
                    left: 20%;
                    border-radius: 100%;
                    top: 0;
                }
                p {
                    font-size: 16px;
                    line-height: 22px;
                    width: 90%;
                    margin-left: 5%;
                    text-align: center;
                    color: #666;
                    position: absolute;
                    top: 70%;
                }
                h4 {
                    font-size: 18px;
                    width: 100%;
                    text-align: center;
                    position: absolute;
                    top: 60%;
                    left: 0;
                }
            }
        }
    }
    .shouhuan-list-a,.shouhuan-list-c {
        background: #333333;  
    }
    .shouhuan-list-b,.shouhuan-list-d {
        background: #f0f0f0;
        .shouhuan-list-main {
            .shouhuan-list-main-left{
                h4 {
                    color: #000;
                }
                ul li {
                    color: #000;
                    div {
                        border: 1px solid #000;
                    }
                    p {
                        color: #000;
                    }
                }
            }
        }
    }
    .shouhuan-list {
        .shouhuan-list-main {
            .shouhuan-list-main-left {
                ul li.active {
                    div {
                        position: absolute;
                        border: 1px solid #00a8ff;
                        background: #00a8ff;
                        width: 60%;
                        height: 53.57%;
                        left: 20%;
                        border-radius: 100%;
                        top: 0;
                        color: #fff;
                    }
                }
            }
        }
    }
    .shouhuan-desc-01 {
        background: #ccc;
        img {
            width: 77%;
        }
    }
    .shouhuan-desc-02 {
        background: url(../img-kw-page/kw-shouhuan10.jpg) center no-repeat;
        background-size: 100%;
        img {
            width: 9%;
            margin-left: -50%;
        }
    }
    .shouhuan-desc-03 {
        background: url(../img-kw-page/kw-shouhuan11.jpg) center no-repeat;
        background-size: 100%;
        img {
            width: 44%;
            margin-left: -40%;
        }
    }
    .shouhuan-desc-04 {
        background: url(../img-kw-page/kw-shouhuan12.jpg) center no-repeat;
        background-size: 100%;
        img {
            width: 25%;
            margin-left: -40%;
        }
    }
}
@media screen and (max-width:1920px) {
    .kw-page {
        .slide-part-main{
            .slide-app-show {
                width: 1920px;
                position: absolute;
                left: 50%;
                margin-left: -960px;
            }   
        }
    } 
}
@media screen and (max-width:1400px) {
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-os-box::before, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-os-box::before {
        background-size: 68%;
    }
    .kw-page .slide-98-os .slide-os-head h4 {
        margin-top: 0;
    }
    .kw-page .slide-part-main .slide-98-p2 ul li {
        font-size: r(32);
        height: r(48);
        line-height: r(56);
        &:first-child{
            span {
                background-position: left 0;
            }
        }
        &:nth-child(2){
            span {
                background-position: left -50px;
            }
        }
        &:nth-child(3){
            span {
                background-position: left -103px;
            }
        }
        &:nth-child(4){
            span {
                background-position: left -153px;
            }
        }
        &:nth-child(5){
            span {
                background-position: left -198px;
            }
        }
        &:last-child{
            span {
                background-position: left -252px;
            }
        }
    }
    .kw-page .slide-part-main .slide-98-p2 ul li span {
        width: r(48);
        height: r(48);
    }
    .kw-page .slide-part-main .slide-app-show {
        top: 6%;
    }
    .kw-page .slide-part-main .slide-kw68-p8a h4 {
        margin-top: 0;
    }
    .kw-page .slide-part-main .slide-kw68-p6 > img {
        width: 35%;
    }
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-apps-img, 
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-os-img, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-apps-img, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-os-img {
        background-size: 70%;
    }
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-apps-img .swiper-slide img, 
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-os-img .swiper-slide img, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-apps-img .swiper-slide img, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-os-img .swiper-slide img {
        width: 218px;
        height: 218px;
    }
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-apps-img .swiper-slide img.app-icon, 
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-os-img .swiper-slide img.app-icon, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-apps-img .swiper-slide img.app-icon, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-os-img .swiper-slide img.app-icon{
        top: 12%;
    }
    .kw-page .slide-part-main .slide-app-show .slide-apps .slide-os-box-kw68::before, 
    .kw-page .slide-part-main .slide-app-show .slide-os .slide-os-box-kw68::before {
        background-size:100%;
        box-sizing: border-box;
        border: 80px solid #eee;
    }
}
@media screen and (max-width:750px) {
    // kw98-99
    .kw-page {
        .slide-part-main{
            .slide-98-p1 {
                .p1-main{
                    h4 {
                        font-size: r(48);
                        width: 100%;
                    }
                    p {
                        font-size: r(38);
                        width: 100%;
                    }
                    .img-1 {
                        top:23%;
                        left: 56%;
                        width:38%;
                    }
                    .img-2 {
                        top: 45%;
                        left: 4%;
                        width: 50%;
                    } 
                }
            }
            .slide-98-p2 {
                background-size:auto 100%;
                background-position: 20% 0;
                ul {
                    width: 85%;
                    margin-left: 15%;
                    li {
                        font-size: r(36);
                        line-height: r(48);
                        width: 100%;
                        margin-bottom: r(36);
                        span {
                            width: r(60);
                            height: r(60);
                            background-size: 100%;
                        }
                        i {
                            display: block;
                            float: left;
                            margin-left: r(24);
                        }
                        &:first-child{
                            span {
                                background-position: left 0;
                            }
                        }
                        &:nth-child(2){
                            span {
                                background-position-x: left;
                                background-position-y: r(-95);
                            }
                        }
                        &:nth-child(3){
                            span {
                                background-position-x: left;
                                background-position-y: r(-194);
                            }
                        }
                        &:nth-child(4){
                            span {
                                background-position-x: left;
                                background-position-y: r(-268);
                            }
                        }
                        &:nth-child(5){
                            span {
                                background-position-x: left;
                                background-position-y: r(-352);
                            }
                        }
                        &:last-child{
                            span {
                                background-position-x: left;
                                background-position-y: r(-432);
                            }
                        }
                    }
                }
            }
            .slide-98-p3 {
                .p3_main {
                   width: 100%;
                   .p3_l {
                       width: 80%;
                       text-align: left;
                       float: left;
                       padding-top: r(48);
                       margin-left: 10%;
                       padding-bottom: r(62);
                       img {
                            width: 50%;
                       }
                       h4 {
                           font-size: r(36);
                           line-height: r(42);
                           margin: 18px 0;
                           text-transform: uppercase;
                       }
                       p {
                        font-family: 'avantgardeextlititcregular';
                        font-size: r(32);
                        line-height: r(36);
                       }
                   }
                   .p3_r {
                       width: 100%;
                       -webkit-box-sizing: border-box;
                               box-sizing: border-box;
                       float: left;
                       padding-left: 0;
                       text-align: center;
                       img {
                           width: 80%;
                       }
                   }
                }
                
            }
            .slide-98-p4 {
                width: 100%;
                height: 100%;
                position: relative;
                background:#fff;
                background-size: 100%;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                -webkit-flex-wrap:wrap;
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                    -ms-flex-direction: column-reverse;
                        flex-direction: column-reverse;
                .p4_l {
                    width: 100%;
                    -webkit-animation: kwFloat 8s ease-in-out infinite;
                    animation: kwFloat 8s ease-in-out infinite;
                    img {
                        width: 60%;
                        
                    }
                }
                .p4_r {
                    width: 80%;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    padding-left: 0;
                    margin-bottom: r(48);
                    h4 {
                        font-size: r(36);
                        line-height: r(42);
                        margin: 18px 0;
                        text-align: left;
                        text-transform: uppercase;
                    }
                    p {
                     text-align: left;
                     font-family: 'avantgardeextlititcregular';
                     font-size: r(32);
                     line-height: r(36);
                    }
                }
            }
            .slide-os-show {
                top: 10%;
                .slide-os-head{
                    h4 {
                        font-size: r(36);
                        line-height: r(42);
                        width: 100%;
                        left: 0;
                        top:0%;  
                    }
                    p {
                        font-size: r(32);
                        line-height: r(36);
                        width:r(660);
                        left: 50%;
                        margin-top: r(12);
                        margin-left: r(-330);
                        color: #000;
                        opacity: 0.6;
                    }
                }
            }
            .slide-98-p6 {
                width: 100%;
                height: 100%;
                position: relative;
                background:#000;
                .p6-head{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 2222;
                    h4 {
                        font-size: r(36);
                        line-height: r(42);
                        margin-top: 16%;
                    }
                    p {
                        font-size: r(32);
                        line-height: r(36);
                        width: 90%;
                        text-align: center;
                        margin-left:5%;
                        color: #fff;
                        opacity: 0.6;
                    }
                }
                .p6-main{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    div {
                        width: 100%;
                        position: absolute; 
                    }
                    .b-out-01 {
                        bottom: 46%;
                        img {
                            width: 30%;
                        }
                    }
                    .b-out-02 {
                        bottom: r(440);
                        img {
                            width: 60%;
                        }
                    }
                    .b-out-03 {
                        bottom: r(350);
                        img {
                            width: 60%;
                        }
                    }
                    .b-out-04 {
                        bottom: r(-308);
                        img {
                            width: 92%;
                        }
                    }
                }
            }
            .slide-98-p8 {
                width: 100%;
                height: 100%;
                position: relative;
                background:#000;
                .p8-main {
                    background-position-x: 80%;
                    background-position-y: 0;
                    background-size: auto 120%;
                    div {
                        width: 100%;
                        padding-left: 0;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    h4 {
                        font-size: r(36);
                        text-align: center;
                        line-height: r(42);
                        position: relative;
                        margin-top: 8%;
                    }
                    p {
                        font-size: r(32);
                        line-height: r(36);
                        width:90%;
                        text-align: center;
                        margin-left:5%;
                    }
                }
            }
            .slide-98-p9 {
                .p6-head {  
                    h4 {   
                        color: #000;font-size: r(36);
                        font-size: r(36);
                        line-height: r(42);
                    }
                    p {
                        color: #000;
                        font-size: r(32);
                        line-height: r(36);
                        width: 90%;
                    }
                }
                .p9-main{
                    width: 100%;
                    height: 100%;
                    background: #9cb0cd url(../img-kw-page/kw98-99_04a.jpg) center no-repeat;
                    background-size: 260%;
                    background-position-y: bottom;
                }
            }
            .slide-98-p10 {
                .p10-main{
                    width: 100%;
                    height: 100%;
                    background: url(../img-kw-page/kw98-99_06a.jpg) center no-repeat;
                    background-size: auto 100%;
                    background-position: 60% top;
                    img {
                        width: 50%;
                        padding-right: 0;
                        margin-top: 10%;
                    }
                }
            }
            .slide-98-p11 {
                width: 100%;
                height: 100%;
                background: url(../img-kw-page/kw-98-99-02.jpg) center no-repeat;
                background-size: auto 100%;
                background-position: 20% 0;
                .p11-main{
                    padding-left: 0;
                    width: 90%;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    ul{
                        width: 100%;
                        li{
                            width: 33.33%;
                            float: left;
                            img {
                                width: 80%;
                            }
                        }
                    }
                }
            }
            .slide-98-p12 {
                width: 100%;
                height: 100%;
                background:#fff url(../img-kw-page/kw98-99_08a.jpg) center no-repeat;
                background-size: 160% auto ;
                .p12-main{
                    text-align: left;
                    margin-left:-30%;
                    margin-top: 0;
                    h4 {   
                        color: #000;font-size: r(36);
                        font-size: r(36);
                        line-height: r(42);
                        width: 90%;
                        margin-left: 5%;
                        margin-top: -100%;
                    }
                    p {
                        color: #000;
                        font-size: r(32);
                        line-height: r(36);
                        width: 90%;
                        margin-left: 5%;
                        margin-top: 0%;
                    }
                }
            }
            .slide-98-p13 {
                width: 100%;
                height: 100%;
                background:#fdf0dd url(../img-kw-page/kw-98-99-03.jpg) center no-repeat;
                background-size: auto 100%;
                background-position: 20% top;
                .p13-main{
                    text-align: center;
                    width: 100%;
                    margin-left: 0;
                    h4 {   
                        color: #000;font-size: r(36);
                        font-size: r(36);
                        line-height: r(42);
                        width: 90%;
                        margin-top: -20%;
                    }
                    p {
                        color: #000;
                        font-size: r(32);
                        line-height: r(36);
                        width: 90%;
                        margin-top: 0%;
                    }
                    ul{
                        width:90% ;
                        margin-left: 5%;
                        li{
                            float: left;
                            width: 28%;
                            margin-left: 12px;
                            margin-bottom: 5%;
                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }
            .slide-98-p14 {
                width: 100%;
                height: 100%;
                background: #000;
                .swiper-slide {
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    img {
                        height: 100%;
                        width: auto;
                    }
                }  
            }
            .slide-98-p15 {
                width: 100%;
                height: 100%;
                background: #eee;
                .p15-main {
                    img {
                        width: 90%;
                    }
                }
            }
            .slide-98-p16 {
                width: 100%;
                height: 100%;
                background: #eee;
                .p16-main {
                    font-size: r(24);
                    color: #666;
                    max-width: 1400px;
                    line-height: 24px;
                    margin-top:0;
                    padding: 12px 0;
                    overflow-y: scroll;
                    overflow-x: hidden;
                    position: relative;
                    z-index: 999;
                    font-size: r(92);
                    h5 {
                        font-size: r(48);
                        line-height: r(32);
                        color: #000;
                        margin-bottom: r(24);
                        padding-left: r(18);
                        font-weight: bold;
                    }
                }
            }
            .slide-app-show {
                width: 1920px;
                position: absolute;
                left: 50%;
                margin-left: -960px;
                .slide-apps{
                    padding-top: 2.5%;
                    .slide-apps-img,.slide-os-img {
                        height: r(900);
                        width: r(750);
                        overflow: inherit;
                        .swiper-slide {
                            img {
                                width: r(322);
                                height: r(322);
                                border-radius: r(372);
                            }
                            img.app-icon {
                                width: r(120);
                                height: r(120);
                                top: r(20);
                                margin-left: r(-60);
                            }
                        }
                    }
                }     
            }
            .slide-os-show {
                width: 1920px;
                position: absolute;
                left: 50%;
                margin-left: -960px;
                .slide-os{
                    .slide-os-img,.slide-os-img {
                        height: r(900);
                        width: r(750);
                        overflow: inherit;
                        .swiper-slide {
                            img {
                                width: r(382);
                                height: r(382);
                                border-radius: r(382);
                            }
                            img.os-icon {
                                width: r(120);
                                height: r(120);
                                top: r(-120);
                                margin-left: r(-60);
                            }
                        }
                    }
                    .slide-os-box {
                        height: r(900);
                        width: r(750);
                        &::before {
                            background-size: 80%;
                            border: 20px solid #eee;
                        }
                    }
                    .slide-os-box-kw68 {
                        .slide-os-img,.slide-os-img {
                            .swiper-slide {
                                img {
                                    width: r(342);
                                    height: r(342);
                                    border-radius: r(342);
                                }
                            }
                        }  
                    }
                }   
            }
            .slide-color-show {
                img {
                    width: 70%;
                }
                width: 100%;
                height: 100%;
                transition: all 0.35s 0s ease;
                -webkit-transition: all 0.35s 0s ease;
                background: #e6b16b;
                .slide-color-head {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 2222;
                    h4 {
                        font-size: r(36);
                        line-height: r(42);
                        width: 100%;
                        left: 0;
                        margin-top: 8%;  
                    }
                    p {
                        font-size: r(32);
                        line-height: r(36);
                        width: 90%;
                        margin-left: 5%;
                        color: #000;
                        opacity: 0.6;
                    }
                }
                .slide-colors {
                    padding-top: 20%;
                }
                .color-select {
                    position: absolute;
                    z-index: 6666;
                    left: 10%;
                    top: 18%;
                    width: 100%;
                    font-size: r(24);
                    color: #000;
                    p {
                        width: 100%;
                        text-align: left;
                        line-height: r(36);
                    }
                    ul{
                        width: 100%;
                        display: inline-block;
                        margin: 0;
                        margin-bottom: r(16);
                        li {
                        float: left;
                        margin-right: r(18);
                        width: r(48);
                        height: r(48);
                        cursor: pointer;
                        border: 1px solid #fff;
                        }
                        #color-a01 {
                            background: #e6b16b;
                        }
                        #color-a02 {
                            background: #464646;
                        }
                        #color-a03 {
                            background: #a79783;
                        }
                        #color-a04 {
                            background: #464646;
                        }
                        #color-a05 {
                            background: #ccc;
                        }
                    } 
                }
            }   
        }
    } 
    // kw68
    .kw-page {
        .slide-part-main {
            .slide-parts {
                height: 100%;
                width: 100%;
                &>img {
                    width: auto;
                    height: 100%;
                }
                .slide-descripe {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    .slide-descripe-main {
                        width: 100%;
                        margin: 0 auto;
                        height: 100%;
                        text-align: left;
                        &>div {
                            width: 100%;
                        }
                        h4 {
                            font-family: Arial, Helvetica, sans-serif;
                            font-size: r(48);
                            width: 90%;
                            color: #333;
                            margin-bottom: r(36);
                            text-align: center;
                            margin-left: 5%;
                            margin-top: -60%;
                        }
                        p {
                            font-family: 'avantgardeextlititcregular';
                            font-size: r(38);
                            width: 90%;
                            margin-left: 5%;
                            color: #333;
                            text-align: center;
                        }
                    }
                }
            }
            .slide-os-head{
                h4 {
                    font-size: r(48);
                }
                p {
                    font-size: r(38);
                }
            }
            .slide-kw68-p1 {
                background: #dedede;
                height: 100%;
                width: 100%;
                position: relative;
                img {
                    height: 60%;
                    position: absolute;
                    bottom:0%;
                    width: auto;
                    left: -80%;
                }
            }
            .slide-kw68-p2 {
                &>img {
                   margin-left: -190%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        h4 {
                            color: #fff;
                            margin-top:100%;
                        }
                        p {
                            color: #fff;
                            opacity: 0.6;
                        }
                    }
                }
            }
            .slide-kw68-p4 {
                background: #b2b2b2;
                &>img {
                    position: absolute;
                    bottom: 10%;
                    height: 60%;
                    left: -100%;
                }
            }
            .slide-kw68-p5 {
                &>img {
                    margin-left: -92%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        &>div {
                            text-align: center;
                        }
                        h4 {
                            color: #fff;
                            margin-top:100%;
                            margin-left: 0;
                        }
                        p {
                            color: #fff;
                            opacity: 0.6;
                            margin-left: 0;
                        }
                    }
                }
            }
            .slide-kw68-p6 {
                &>img {
                    width: 60%;
                    height: auto;
                    margin-left: 0%;
                    margin-top: 20%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        text-align: left;
                        -webkit-box-pack: center;
                            -ms-flex-pack: center;
                                justify-content: center;
                        &>div {
                            text-align:center;
                            width: 90%;
                        }
                        img {
                            width: 60%;
                            margin-top: 70%;
                            margin-bottom: 0;
                            margin-bottom: 5%;
                        }
                        h4 {
                            color: #333333;
                            width: 100%;
                            -webkit-box-sizing: border-box;
                                    box-sizing: border-box;
                            display: inline-block;
                            margin-left: 0;
                        }
                        p {
                            width: 100%;
                            color: #333333;
                            opacity: 0.6;
                            -webkit-box-sizing: border-box;
                                    box-sizing: border-box;
                            display: inline-block;
                            margin-left: 0;
                        }
                    }
                }
            }
            .slide-kw68-p7 {
                &>img {
                    margin-left: -230%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        -webkit-box-pack:start;
                            -ms-flex-pack:start;
                                justify-content:flex-start;
                        &>div {
                            width: 80%;
                            margin-left: 15%;
                            margin-top: -50%;
                            text-align: right;
                        }
                        h4 {
                            color: #fff;
                            display: inline-block;
                            text-align: right;
                            margin-top: -30%;
                        }
                        p {
                            color: #fff;
                            opacity: 0.6;
                            text-align: right;
                            display: inline-block;
                        }
                    }
                }
            }
            .slide-kw68-p8 {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                color: #fff;
                z-index: 2222;
                &>img {
                    margin-left: -150%;
                }
                h4 {
                    color: #333;
                    position: relative;
                    top: inherit;
                    margin-top: 8%;
                }
                p {
                    color: #333;
                    position: relative;
                    top: inherit;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        text-align: right;
                        -webkit-box-pack:center;
                            -ms-flex-pack:center;
                                justify-content:center;
                        &>div {
                            text-align: right;
                            width: 50%;
                            margin-left: 20%;
                            margin-top: 40%;
                        }
                        img {
                            width: 100%;
                            margin-top: 15%;
                        }
                    }
                }
            }
            .slide-kw68-p8a {
                h4 {
                    margin-top: 0%;
                } 
            }
            .slide-kw68-p8b {
                h4 {
                    color: #fff;
                } 
                p {
                    color: #fff;
                } 
            }
            .slide-kw68-p9 {
                background: #fff;
                &>img {
                    width: 140%;
                    height: auto;
                    margin-left: -28%;
                    margin-top: 75%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        text-align: left;
                        &>div {
                            text-align: left;
                            margin-top: -70%;
                        }
                        h4 {
                            color: #333;
                            margin-top: 20%;
                            display: inline-block;
                        }
                        p {
                            color: #333;
                            opacity: 0.6;
                            display: inline-block;
                        }
                    }
                }
            }
            .slide-kw68-p10 {
                &>img {
                    margin-left: -84%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        text-align: right;
                        -webkit-box-pack:center;
                            -ms-flex-pack:center;
                                justify-content:center;
                        &>div {
                            text-align: center;
                            width: 90%;
                        }
                        img {
                            width: 30%;
                            margin-bottom: 2%;
                            margin-left: 2%;
                        }
                        h4 {
                            margin-left: 0;
                        }
                        p {
                            margin-left: 0;
                        }
                    }
                }
            }
            .slide-kw68-p11 {
                &>img {
                    margin-left: -180%;
                }
            }
        }
    }
    // heji 
    .kw-page {
        .slide-part-main {
            .heji-apps-view {
                background-size:auto  100%;
                .heji-apps-view-main {
                   width:100%;
                   h4 {
                    font-size: r(38);
                    width: 90%;
                    margin-bottom: r(36);
                    margin-top: 12%;
                    margin-left: 5%;
                    }
                    p {
                        margin-left: 5%;
                        font-size:r(24);
                        line-height: r(36);
                        width: 90%;
                        opacity: 0.8;
                    }
                    .heji-apps-view-nav {
                        width: 100%;
                        margin-top: 3.5%;
                        p {
                            span.active {
                                border-radius: r(6);
                                border: 1px solid #fff;
                            }
                        }
                    }
                    .heji-apps-view-phone {
                        width:40%;
                        right: 24%;
                        bottom: 20%;
                        background-size: 100%;
                        .heji-apps-view-phone-box {
                            border-radius: r(30);
                        }
                    }
                    .heji-apps-view-watch {
                        bottom:20%;
                        width: 29%;
                        right: 52%;
                        padding-bottom: 55%;
                    }
                }
            }
            .function-view {
                width: 100%;
                height: 100%;
                .function-view-box {
                    width: 54%;
                    margin-left: 23%;
                    height: 55%;
                    float: left;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    padding:0 2.5%;
                    padding-top: 10%;
                    position: relative;
                    .f-view-top {
                        width: 100%;
                        float: left;
                        position: absolute;
                        top: 8%;
                        left: 0;
                        text-align: center;
                        ul li {
                            width: 31%;
                            float: left;
                            height: r(46);
                            font-size: r(18);
                            color: #fff;
                            line-height: r(46);
                            margin-right: 2%;
                        }   
                    }
                }
                .function-view-icon {
                    width: 90%;
                    margin-left: 5%;
                    height: 40%;
                    padding-left: 0;
                    -webkit-box-align: start;
                        -ms-flex-align: start;
                            align-items: flex-start;
                    h4 {
                        font-size: r(36);
                        line-height: r(42);
                        margin-bottom: r(12);
                        margin-top: 0;
                        }
                    p {
                        font-size:r(24);
                        line-height: r(32);
                    }
                    ul {
                        margin-top: 10%;
                        li {
                            p {
                                font-size: r(18);
                                line-height: r(24);
                                margin-top: r(24);
                            }
                        }
                    }
                }
            }
            .slide-kwheji-p1 {
                width: 100%;
                height: 100%;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding-top: 70%;
                .slide-page-bg1 {
                    width: 31%;
                    height: auto;
                    margin-left: 2%;
                }
                .slide-page-bg2 {
                    width: 27%;
                    height: auto;
                }
                .slide-page-bg3 {
                    width: 31%;
                    height: auto;
                }
                .link-heji {
                    width: 100%;
                    margin-top: 2%;
                    font-size: r(18);
                    a {
                        @include setPm(padding,4,12,4,12);
                        border: 1px solid #ccc;
                        color:#195ea5;
                    }
                    .link-a01 {
                        margin-right: 12%;
                    }
                    .link-a02 {
                        margin-right: 12%;
                    }
                }
                .slide-os-head {
                    h4 {
                        margin-top:16%;
                    }
                    p {
                        top: 14%;
                        line-height: 24px;
                    }
                }
            }
            .slide-kwheji-p2 {
                .slide-kwheji-p2-pro {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 10%;
                    left: 0;
                    -webkit-animation: kwFloat 12s 1.5s ease-in-out infinite;
                    animation: kwFloat 12s 1.5s ease-in-out infinite;
                    .slide-page-bg1 {
                    width: 28%;
                    margin-top: 13%;
                    }
                    .slide-page-bg2 {
                        width: 28%;
                        margin-left: 3%;
                        margin-right: 4%;
                    }
                    .slide-page-bg3 {
                        width: 23%;
                    }
                }
                .slide-page-bg4 {
                    width: 100%;
                    position: absolute;
                    top: 50%;
                    height: auto;
                    z-index: 2;
                    left: 0;
                }
                .slide-os-head {
                    top: 10%;
                    h4 {
                        top: 8%;
                    }
                    p {
                        top: 13%;
                    }
                }
            }
            .slide-kwheji-p5 {
                &>img {
                    width: 60%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        &>div {
                            margin-top: 70%;
                        }
                    }
                }
            }
            .slide-kwheji-p6 {
                .slide-os-head {
                    p {
                        margin-top: 5%;}
                }
                .slide-descripe {
                    .slide-descripe-main {
                        &>div {
                            text-align: right;
                            width: 70%;
                            margin-right: -10%;
                        }
                        img {
                            width: 80%;
                            float: left;
                            margin-left: 2%;
                            margin-top: 15%;
                            &:nth-child(2) {
                                margin-top: r(40);
                            }
                        }
                    }
                }
            }
            .slide-kwheji-p7 {
                &>img {
                    margin-left: -30%;
                }
                .slide-descripe {
                    .slide-descripe-main {
                        &>div {
                            text-align: right;
                            width: 100%;
                            margin-right: 0;
                        }
                        ul li {
                            float: left;
                            width: 80%;
                            margin-bottom: 5%;
                            &:first-child {
                                margin-left: 0;
                            }
                            img {
                                width: r(108);
                            }
                            p {
                                width: 58%;
                                font-size: r(42);
                                display: inline-block;
                                text-align: left;
                                padding-left: r(6);
                                color: #fff;
                                -webkit-box-sizing: border-box;
                                        box-sizing: border-box;
                            }
                        }
                    }
                }
            }
            .slide-kwheji-p8 {
                &>img {
                    width: 80%;
                    margin-top: 25%;
                }
                h2 {
                    width: 100%;
                    position: absolute;
                    left: 0;
                    top: 8%;
                    text-align: center;
                    font-size: r(36);
                }
                .slide-descripe {
                    .slide-descripe-main {
                        h4 {
                            margin-top: 65%;
                        }
                    }
                }
            }
            .slide-kwheji-p9 {
                width: 100%;
                height: 100%;
                img {
                    width: 100%;
                }
            }
            .slide-kwheji-p10 {
                width: 100%;
                height: 100%;
                .p16-main {
                    max-width: 1800px;
                    margin-top: 2vh;
                }
            }
        }
        .slide-function-view {
            background: #fff;
        }
    }
    // shouhuan
    .kw-page {
        .shouhuan-banner {
            &>div {
                width: 100%;
            }
            h4 {
                font-size: r(48);
                margin-bottom: r(12);
            }
            p {
                font-size: r(36);
                line-height: r(42);
                margin-bottom: 3%;
            }
            img {
                width: 80%;
                margin-top: 10%;
            }
        }
        .shouhuan-list {
            .shouhuan-list-main {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                    -ms-flex-direction: column-reverse;
                        flex-direction: column-reverse;
                width: 90%;
                .shouhuan-list-main-left,.shouhuan-list-main-right {
                    width: 100%;
                    float: left;
                }
                .shouhuan-list-main-left {
                    padding-left: 0;
                    width:90%;
                    margin-left: 5%;
                    h4 {
                        font-family: Arial, Helvetica, sans-serif;
                        font-size: r(48);
                        width: 100%;
                        text-align: left;
                        color: #fff;
                        margin-bottom: 5%;
                        padding-left: 5%;
                        -webkit-box-sizing: border-box;
                                box-sizing: border-box;
                        margin-top: 8%;
                    }
                    ul li {
                        color: #fff;
                        width: 25%;
                        padding-bottom:28%;
                        float: left;
                        font-size: r(52);
                        position: relative;
                        margin-bottom: r(12);
                        div {
                            position: absolute;
                            border: 1px solid #00a8ff;
                            width: 60%;
                            height: 53.57%;
                            left: 20%;
                            border-radius: 100%;
                            top: 0;
                        }
                        p {
                            font-family: 'avantgardeextlititcregular';
                            font-size: r(24);
                            line-height: r(30);
                            width: 80%;
                            margin-left: 10%;
                            text-align: center;
                            color: #fff;
                            position: absolute;
                            top: 60%;
                        }
                    }
                }
                .shouhuan-list-main-right {
                    img {
                        width: 65%;
                    }
                }
            }
        }
        .slide-features {
            &>div {
                width: 90%;
                h4 {
                    font-size: r(48);
                    width: 100%;
                    margin-bottom: 5%;
                }
                ul li {
                    color: #000;
                    width: 33.33%;
                    padding-bottom:50%;
                    float: left;
                    font-size: r(52);
                    position: relative;
                    div {
                        position: absolute;
                        border: 1px solid #00a8ff;
                        width: 40%;
                        height: 26.66%;
                        left: 30%;
                        border-radius: 100%;
                        top: 0;
                    }
                    p {
                        font-size: r(16);
                        line-height: r(22);
                        width: 90%;
                        margin-left: 5%;
                        text-align: center;
                        color: #666;
                        position: absolute;
                        top: 50%;
                    }
                    h4 {
                        font-size: r(18);
                        width: 100%;
                        text-align: center;
                        position: absolute;
                        top: 32%;
                        left: 0;
                    }
                }
            }
        }
        .shouhuan-list-a,.shouhuan-list-c {
            background: #333333;  
        }
        .shouhuan-list-b,.shouhuan-list-d {
            background: #f0f0f0;
            .shouhuan-list-main {
                .shouhuan-list-main-left{
                    h4 {
                        color: #000;
                    }
                    ul li {
                        color: #000;
                        div {
                            border: 1px solid #000;
                        }
                        p {
                            color: #000;
                        }
                    }
                }
            }
        }
        .shouhuan-list {
            .shouhuan-list-main {
                .shouhuan-list-main-left {
                    ul li.active {
                        div {
                            position: absolute;
                            border: 1px solid #00a8ff;
                            background: #00a8ff;
                            width: 60%;
                            height: 53.57%;
                            left: 20%;
                            border-radius: 100%;
                            top: 0;
                            color: #fff;
                        }
                    }
                }
            }
        }
        .shouhuan-desc-01 {
            background: #ccc;
            img {
                width: 85%;
            }
        }
        .shouhuan-desc-02 {
            background-size:auto 100%;
            img {
                width: 20%;
                margin-left: -50%;
            }
        }
        .shouhuan-desc-03 {
            background-size:auto 100%;
            background-position-x:80%;
            img {
                width: 70%;
                margin-top: 20%;
                margin-left: -20%;
            }
        }
        .shouhuan-desc-04 {
            background-size:auto 100%;
            img {
                width: 50%;
                margin-top: -20%;
                margin-left: -40%;
            }
        }
    }
}
  

